<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>mask1</title>

    <style>

        body{
            background: blue;
        }

        .test{
            width: 500px;
            height: 500px;
            border: 1px solid black;
            font-size: 30px;
            background: pink;
            /* mask: url('./imgs/logo.png'); */
            mask: radial-gradient(circle, transparent 71%, black 71%) top 0px left 0px/30px 30px no-repeat;
        }
    </style>

</head>

<body>
    <div class="test">
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Veritatis fugit corrupti quo. Illum dolores ex odit corrupti culpa, aperiam alias eligendi. Voluptatem aliquam suscipit eius reprehenderit accusamus officiis quis itaque?
    </div>

</body>

</html>